<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
	</head>
	<body>
		<div class="container">
			<div class="row">
				<!-- 左侧布局 -->
				<div class="col-12 col-sm-4 bg-info text-white">
					<div>
						<img src="img/jianli.JPG" >
					</div>
					<div>
						<p><span class="iconfont icon-yonghu"></span>年龄：19</p>
						<p><span class="iconfont icon-rili"></span>工作年限：2</p>
						<p><span class="iconfont icon-dianhua"></span>联系电话：123456789</p>
						<p><span class="iconfont icon-youxiang"></span>电子邮箱：2564897@qq.com</p>
					</div>
					<div >
						<h4>技能特长</h4>
						<!-- 栅格的嵌套 -->
						<div class="row">
							<div class="col-sm-4">
								<span>HTML5</span>
							</div>
							<div class="col-sm-8">
								<!-- 进度条 -->
								<div class="progress">
									<div class="progress-bar bg-success progress-bar-striped" style="width: 99%;"></div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-4">
								<span>CSS3</span>
							</div>
							<div class="col-sm-8">
								<!-- 进度条 -->
								<div class="progress">
									<div class="progress-bar bg-info progress-bar-striped" style="width: 90%;"></div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-4">
								<span>JAvascript</span>
							</div>
							<div class="col-sm-8">
								<!-- 进度条 -->
								<div class="progress">
									<div class="progress-bar bg-warning progress-bar-striped" style="width: 90%;"></div>
								</div>
							</div>
						</div>
						<div class="row">
							<div class="col-sm-4">
								<span>Bootstrap</span>
							</div>
							<div class="col-sm-8">
								<!-- 进度条 -->
								<div class="progress">
									<div class="progress-bar bg-danger progress-bar-striped" style="width: 95%;"></div>
								</div>
							</div>
						</div>
					</div>
				</div>		
				<!-- 右侧布局 -->
				<div class="col-12 col-sm-8 border">
					<div>
						<h3>江小白的简历</h3>
						<p>一句话介绍自己，告诉HR为什么选择你而不是别人</p>
					</div>
					<div>
						<h4>求职意向</h4>
						<p>数据库管理系统运维与开发</p>
					</div>
					<div>
						<h4>教育背景</h4>
						<p>2020.10-2023.6&nbsp;&nbsp;武汉职业技术学院（信创学院）计算机应用技术</p>
					</div>
					<div>
						<h4>工作经验</h4>
						<p>2018.9-2019.6  互联网科技公司</p>
						<p>工作描述</p>
						<ul>
							<li>实现了客户添加、客户修改、客户删除、批量删除客户、分页等几大功能</li>
							<li>实现了客户添加、客户修改、客户删除、批量删除客户、分页等几大功能</li>
							<li>实现了客户添加、客户修改、客户删除、批量删除客户、分页等几大功能</li>
							<li>实现了客户添加、客户修改、客户删除、批量删除客户、分页等几大功能</li>
						</ul>
					</div>
					<div>
						<h4>自我评价</h4>
						<ol>
							<li>关注前端前沿技术，基本功扎实，熟悉应用jQuery，熟悉HTML5、CSS3、ES6等；</li>
							<li>熟练应用常见的前端框架并掌握其原理，有组件化的思想，担当且创新；</li>
							<li>较强的学习能力和适应能力，良好的独立分析解决问题能力和逻辑分析思维；</li>
							<li>良好的团队沟通协作力和服务意识，较强的工作执行力和抗压能力，愿与公司一同发展。</li>
						</ol>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
